import UserInfo from "../UserInfo.vue";
import {IconApps, IconBug, IconBulb,} from '@arco-design/web-vue/es/icon';
import Chat from "../components/Chat.vue";

const routes = [
    {
        path: '/login',
        name: 'about',
        icon: IconBulb,
        meta: {transition: 'toggle'},
        component: () => import('../AboutView.vue'),
    },
    {
        path: '/home',
        name: 'home',
        icon: IconBug,
        meta: {transition: 'fade'},
        component: () => import('../HomeView.vue'),
    },
    {
        path: '/user',
        name: 'user',
        icon: IconApps,
        children: [

            {
                path: '/user/info',
                icon: IconApps,
                name: 'userInfo',
                meta: {transition: 'out-in'},
                component: UserInfo
            }
        ],
    },
    {
        path: '/order',
        name: 'order',
        icon: IconApps,
        children: [

            {
                path: '/order/info',
                icon: IconApps,
                name: 'orderInfo',
                meta: {transition: 'out-in'},
                component: Chat
            }
        ],
    },


]
export default routes